

ReactDOM.render(
    <div>
        <antd.Row>
        <antd.Col xs={{ span: 5, offset: 1 }} lg={{ span: 6, offset: 2 }}>
            <div id="uniappadmin" className="center">uniappadmin</div>
        </antd.Col>
        <antd.Col xs={{ span: 11, offset: 1 }} lg={{ span: 6, offset: 2 }}>
            <div id="configuration" className="center">configuration</div>
        </antd.Col>

        </antd.Row>

    </div>
    ,
document.getElementById('grid'));


//uniappadmin
const Uniappadmin = () => (
        <div>
        {/*<antd.Progress*/}
        {/*    strokeColor={{*/}
        {/*        '0%': '#108ee9',*/}
        {/*        '100%': '#87d068',*/}
        {/*    }}*/}
        {/*    percent={99.9}*/}
        {/*/>*/}
            <div className="circle">
                <antd.Progress
                    type="circle"
                    strokeColor={{
                        '0%': '#108ee9',
                        '100%': '#87d068',
                    }}
                    percent={0}
                />

            </div>
            <div>
                <h4>后台管理</h4>
            </div>
            <antd.Progress
                strokeColor={{
                    from: '#108ee9',
                    to: '#87d068',
                }}
                percent={0}
            />


        </div>
);

ReactDOM.render(<Uniappadmin />, document.getElementById('uniappadmin'));

//Configuration
const Configuration = () => (
    <div>
        {/*<antd.Progress*/}
        {/*    strokeColor={{*/}
        {/*        '0%': '#108ee9',*/}
        {/*        '100%': '#87d068',*/}
        {/*    }}*/}
        {/*    percent={99.9}*/}
        {/*/>*/}
        <div className="circle">
            <antd.Progress
                type="circle"
                strokeColor={{
                    '0%': '#108ee9',
                    '100%': '#87d068',
                }}
                percent={0}
            />

        </div>
        <div>
            <h4>基础服务</h4>
        </div>
        <antd.Progress
            strokeColor={{
                from: '#108ee9',
                to: '#87d068',
            }}
            percent={0}
            status="active"
        />

        {/*<antd.Progress*/}
        {/*    type="circle"*/}
        {/*    strokeColor={{*/}
        {/*        '0%': '#108ee9',*/}
        {/*        '100%': '#87d068',*/}
        {/*    }}*/}
        {/*    percent={100}*/}
        {/*/>*/}
    </div>
);


ReactDOM.render(<Configuration />, document.getElementById('configuration'));




class PendingTimeLine extends React.Component {

    //  this.state = {
    //     reverse: false,
    // };
    // handleClick = () => {
    //     this.setState({ reverse: !this.state.reverse });
    // };

    render() {
        return (
            <div>
                <antd.Timeline pending="安装中..." reverse="false">
                    <antd.Timeline.Item>Create a services site 2015-09-01</antd.Timeline.Item>
                    <antd.Timeline.Item>Solve initial network problems 2015-09-01</antd.Timeline.Item>
                    <antd.Timeline.Item>Technical testing 2015-09-01</antd.Timeline.Item>
                </antd.Timeline>
                {/*<antd.Button type="primary" style={{ marginTop: 16 }} onClick={this.handleClick}>*/}
                {/*    Toggle Reverse*/}
                {/*</antd.Button>*/}
            </div>
        );
    }
}

ReactDOM.render(<PendingTimeLine />, document.getElementById('processs'));


